<template>
  <div class="container-fluid">
    <h3>霍兰德职业兴趣</h3>
    <footer class="blockquote-footer">成都终端管制室 创新工作室 2021</footer>
    <br />
    <br />
    <div class="card">
      <div class="card-body">
        <h4 class="card-title">发现你天生的职业倾向</h4>
        <p class="card-text">无论你现在从事什么职业，你都应该做这个职业测试，看看自己到底喜欢做什么，适合做什么……</p>
        <p class="card-text">
          接下来的测试将分为三部分，为保证测试结果的准确性，在每一部分开始之前
          <strong>请仔细阅读题目说明</strong>并按要求进行答题。
        </p>
        <br />
        <button type="button" class="btn btn-outline-primary" @click="goNext">开始</button>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "loginInputView",
  computed: {
    drvMode() {
      return this.$store.state.devMode;
    }
  },
  methods: {
    goNext() {
      this.$store.commit("routerNext");
      this.$router.push(this.$store.state.routerData.nextView);
      if (this.devMode) {
        window.console.log(this.$store.state.routerData.nextView);
      }
    }
  }
};
</script>